<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>悬停发光</title>
	</head>
	
	<body>
		
		<h1>
			<span>
				Guia</span><span>san
			</span>
		</h1>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				font-family:'Poppins', sans-serif;
			}
			body{
				display: flex;
				justify-content: center;
				align-items: center;
				min-height: 100vh;
				background: #000;
				
			}
			h1{
				font-size: 6em;
				font-weight: 500;
				color: #222;
				letter-spacing: 5px;
				cursor: pointer;
			}
			h1 span{
				transition: 0.5s;
			}
			
			h1:hover span:nth-child(1){
				margin-right: 10px;
			}
			h1:hover span:nth-child(2){
				margin-left: 10px;
			}
			h1:hover span{
				color: #fff;
				text-shadow: 0 0 20px #fff,0 0 20px #fff,0 0 10px #fff ;
			}
			
			
			
			
		</style>
		
		
	</body>
</html>
